<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="/#{language.urlTilProsjektet}/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="/#{language.urlTilProsjektet}/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="/#{language.urlTilProsjektet}/resources/css/styles.css" rel="stylesheet" type="text/css" />
        <link rel="SHORTCUT ICON" href="/#{language.urlTilProsjektet}/resources/images/calculator.png"/>
        <title> Kalle Kalkis - <ui:insert name="top">.</ui:insert></title>
    </h:head>
    <h:body>
        
        <audio id="win">
            <source src="/#{language.urlTilProsjektet}/resources/sounds/win.ogg"/>
            <source src="/#{language.urlTilProsjektet}/resources/sounds/win.mp3"/>
        </audio>
        
        <audio id="lose">
            <source src="../sounds/loose.ogg"/>
            <source src="../sounds/loose.mp3"/>
        </audio>
        
        
        <script>
            function play_win_sound() {                
                document.getElementById('win').play();
            }
            function play_lose_sound() {                
                document.getElementById('lose').play();
            }
           
        </script>
        
        <div id="blanket"></div>
        <div id="wrap">
            <div id="top">
                <span id="header_tekst">
                    <ui:insert name="top"></ui:insert>
                </span>
                <ul id="meny">
                    <li>
                        <h:form style="display:inline;">
                            <h:commandLink style="color:gold;" value="#{language.side4}" action="#{user.logout}" rendered="#{not user.checkLogin}"/>
                                <h:outputLink style="color:gold;" value="/#{language.urlTilProsjektet}/faces/protected/chooseGame.xhtml" rendered="#{user.checkLogin}"></h:outputLink>
                            </h:form>
                    </li>
                </ul>
            </div>
            <div id="content" class="center_content">
                <ui:insert name="content">Content</ui:insert>
            </div>

            <div id="bottom">
                Laget av gruppe 3
            </div>

        </div>
    </h:body>

</html>